export default function(gl) {
  // 创建顶点着色器和片段着色器
  const vertexShader = gl.createShader(gl.VERTEX_SHADER);
  const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
  // 获取着色器源码
  const vertexSource = document.getElementById("vertex-shader").innerHTML;
  const fragmentSource = document.getElementById("fragment-shader").innerHTML;
  // 绑定着色器源码
  gl.shaderSource(vertexShader, vertexSource);
  gl.shaderSource(fragmentShader, fragmentSource);
  // 编译着色器源码
  gl.compileShader(vertexShader);
  gl.compileShader(fragmentShader);
  // 创建着色器程序
  const program = gl.createProgram();
  // 绑定顶点着色器和片段着色器
  gl.attachShader(program, vertexShader);
  gl.attachShader(program, fragmentShader);
  // 链接着色器程序
  gl.linkProgram(program);
  // 使用着色器程序
  gl.useProgram(program);

  return program;
} 